仪表盘样式配置
功能简介
仪表板样式提供从全局角度调整画布的功能,可设置整张仪表板的背景、标题、组件、图表/表格风格和配色、过滤组件主题等,并可将调整后的仪表板样式效果保存,方便用户运用于其他的仪表板制作。
路径
登录 千帆 aPaaS 设计态首页,进入应用设计,单击【BI 工具(Beta)】>【仪表板】>【仪表板样式】。
用户支持直接选择仪表板样式、支持设置自定义样式、支持在其他仪表板使用该仪表板的自定义样式,单击【存为自定义样式】即可实现。仪表板样式界面功能如下图所示:
生效范围
- 用户存为自定义样式的样式生效范围:当前用户制作的所有仪表板,都可以选择之前保存的自定义样式。
- 用户未保存的自定义样式生效范围:当前仪表板。
- 仪表板样式生效优先级排列为:组件样式>仪表板样式>BI 全局样式。
设置自定义样式
在组件编辑单击界面【仪表板样式】,可编辑自定义样式,如下图所示:
编辑后,自动在仪表板展示预览效果,单击【确定】才会生效自定义效果。若不存为自定义样式,则该样式仅在此仪表板生效。
自定义仪表板样式设置包含仪表板、标题、组件、图表、表格和过滤组件的背景主题等设置。如下表所示:
样式 | 可设置项目 |
---|---|
仪表板 | 画布背景、组件间隙 |
标题 | 标题栏背景、标题文字格式 |
组件 | 单个组件的背景 |
图表 | 图表的整体配色、图表中的文本格式 |
表格 | 表格风格、主题色和文字格式 |
过滤组件 | 过滤组件主题色 |
设置仪表板
单击【仪表盘】设置样式,可设置仪表板的背景和组件间隙。背景颜色设置“蓝灰色”,组件间隙设置“有间隙”,则效果如下图所示:
若组件设置“组件悬浮”,则尽管在仪表板样式处设置组件之间有间隙,但组件仍可以重叠展示。
仪表板设置说明如下表所示:
设置仪表板 | 说明 |
---|---|
背景 | 仪表板背景可设置为颜色或者图片: |
组件间隙 | 组件间隙可设置为有间隙或者无间隙: |
设置标题
标题可统一设置仪表板中组件标题的背景和文字(包括过滤组件)。标题背景设置为“淡蓝色”,标题文字设置为“自定义”,选择“黑体”,字号“14”,字体“加粗”,字体颜色“深蓝”,如下图所示:
标题设置说明如下表所示:
标题设置 | 说明 |
---|---|
背景 | 标题背景可设置为颜色或者图片: |
文字 | 标题文字可设置自动或者自定义 |
设置组件
组件中可统一设置仪表板中所有组件的背景,分为颜色和图片两种(包括过滤组件)。颜色设置为“蓝色”后效果如下图所示,组件背景详细说明可参见 设置标题 的背景说明。
设置图表
图表为设置仪表板中的图表配色和图表中的文字样式。单击修改柱形图和折线图中图形的颜色,并设置图表中的字体为自定义的黑体、14号,如下图所示:
图表设置的详细说明如下表所示:
图表设置 | 说明 |
---|---|
配色 | 可根据用户需要,选择修改图表中的组件元素颜色 |
文字 | 文字可配置组件中字体的样式,包含图表中的横纵轴、分类轴、值轴的文字等,标题文字可设置自动或者自定义 |
设置表格
在表格下可统一设置仪表板中所有表格组件的样式,包括风格、主题色和文字,其中文字自定义中可分别设置表头和表身的字体样式。
自定义文字样式后,效果如下图所示:
表格设置详情说明如下表所示:
表格设置 | 说明 |
---|---|
风格 | 可设置三种不同的表格整体风格 |
主题色 | 单击可设置表格组件的主题颜色,可选择自定义颜色、透明、自动实现不同效果 |
文字 | 文字可设置自动或者自定义的字体样式,自定义中可分别设置表头和表身的字体样式 |
设置过滤组件
过滤组件中可统一设置该仪表板中所有过滤组件的主题色。可选择自定义颜色、透明、自动实现不同效果。将过滤组件主题设置为白色后,则过滤组件边框变成白色。设置完仪表板后,单击【确定】,即可将自定义样式运用于整个仪表板。效果如下图所示: